<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>慕课网首页</title>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="muke.css"/>
    <link rel="stylesheet" href="swiper/swiper-3.2.7.min.css">
</head>
<body>
<!--头部 导航-->
<header>
    <nav class="navbar navbar-inverse">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">
                    <img src="img/logo.png" id="logo" alt="Brand"/>
                </a>
            </div>
            <div class="collapse navbar-collapse">
                <ul class="nav navbar-nav ltul">
                    <li><a href="#">课程 <span class="sr-only">(current)</span></a></li>
                    <li><a href="#">计划</a></li>
                    <li><a href="#">猿问</a></li>
                    <li><a href="#">文章</a></li>
                </ul>
                <ul class="nav navbar-nav navbar-right rtul">
                    <li><a href="#" class="app"><span class="appicon"></span>慕课APP</a></li>
                    <li><a href="#" class="grey logon">登录</a></li>
                    <li><a href="#" class="grey">注册</a></li>
                </ul>
                <form class="navbar-form navbar-right" role="search">
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="请输入想搜索的内容..."/>
                    </div>
                    <input class="btn btn-default" type="submit" value/>
                </form>
            </div>
        </div>
    </nav>
</header>
<!--主体-->
<article>
    <!-- imgcar-->
    <div class="imgcar">
        <div class="swiper-container">
            <div class="swiper-button-next btn"></div>
            <div class="swiper-button-prev btn"></div>
            <div class="swiper-pagination"></div>
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="bgimg"></div>
                </div>
                <div class="swiper-slide">
                    <a href="http://www.imooc.com/article/4677" class="imga">
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="main2 main">
        <div class="main2inner">
            <img src="img/char-icon1.png" class="img1"/>
            <img src="img/char-icon2.png" class="center img2"/>
            <img src="img/char-icon3.png" class="img3"/>
        </div>
    </div>
    <div class="main3 main">
        <div class="sameinner">

            <img src="img/01-video.png" class="video"/>
            <img src="img/01-star.png" class="star"/>
            <img src="img/01-text.png" class="text"/>
        </div>
    </div>
    <div class="main4 main">
        <div class="sameinner">
            <img src="img/02-text.png" class="text2"/>
            <img src="img/02-computer1.png" class="computer1"/>
            <img src="img/02-computer2.png" class="computer2"/>
        </div>
    </div>
    <div class="main5 main">
        <div class="sameinner">
            <img src="img/03-calendar.png" class="calendar"/>
            <img src="img/03-rockets.png" class="rockets"/>
            <img src="img/03-smoke.png" class="smoke"/>
            <img src="img/03-text.png" class="text3"/>
        </div>
    </div>
    <div class="main6 main">
        <div class="sameinner">
            <img src="img/04-text.png" class="text4"/>
            <img src="img/04-hand.png" class="hand"/>
            <img src="img/04-icon.png" class="icon"/>
        </div>
    </div>
    <div class="lessonlist">
        <div class="threelink">
            <a href="http://www.imooc.com/mobile/app">
                <img src="img/200.jpg"/>
            </a>
            <a href="http://www.imooc.com/mobile/app">
                <img src="img/567.jpg"/>
            </a>
            <a href="http://www.imooc.com/mobile/app">
                <img src="img/56a.jpg"/>
            </a>
        </div>
        <p class="lessonfont"><img src="img/course-text.png" alt="课程"/></p>
        <!-- list部分-->
        <div class="list">
            <ul>
                <li class="list-box ">
                    <a href="http://www.imooc.com/view/599">
                        <div class="imgwrap">
                            <img src="img/160.jpg"/>
                        </div>
                        <div class="textwrap">
                            <div class="before">
                                <p class="cap">SegmentFault D-Day 2015 北京：iOS 站 </p>

                                <p class="int"><span class="time">3天前更新</span><span class="people">1990人学习</span></p>
                            </div>
                            <div class="after">
                                <p>SegmentFault D-Day iOS 分享沙龙 </p>

                                <p class="int"><span>更新至4-2</span><span class="duration">课程时长： 2小时16分</span></p>
                            </div>
                        </div>
                    </a>
                </li>
                <li class="list-box">
                    <a href="http://www.imooc.com/view/421">
                        <div class="imgwrap">
                            <img src="img/5576.jpg"/>
                        </div>
                        <div class="textwrap">
                            <div class="before">
                                <p class="cap">JDBC之“对岸的女孩走过来”</p>

                                <p class="int"><span class="time">4天前更新</span><span class="people">3300人学习</span></p>
                            </div>
                            <div class="after">
                                <p>JDBC的深入挖掘</p>

                                <p class="int"><span>更新至5-3</span><span class="duration">课程时长： 1小时12分</span></p>
                            </div>
                        </div>
                    </a>
                </li>
                <li class="list-box ">
                    <a href="http://www.imooc.com/view/565">
                        <div class="imgwrap">
                            <img src="img/56720.jpg"/>
                        </div>
                        <div class="textwrap">
                            <div class="before">
                                <p class="cap">CSS深入理解之relative</p>
                                <p class="int"><span class="time">2016-02-12更新</span><span class="people">4523人学习</span>
                                </p>
                            </div>
                            <div class="after">
                                <p>关于relative你必须知道的那些事儿。</p>
                                <p class="int"><span>更新至4-1</span><span class="duration">课程时长：26分</span></p>
                            </div>
                        </div>
                    </a>
                </li>
                <li class="list-box">
                    <a href="http://www.imooc.com/view/597">
                        <div class="imgwrap">
                            <img src="img/56a5.jpg"/>
                        </div>
                        <div class="textwrap">
                            <div class="before">
                                <p class="cap">HTML5+CSS3实现春节贺卡</p>
                                <p class="int"><span class="time">2016-02-04更新</span><span
                                        class="people">14962人学习</span></p>
                            </div>
                            <div class="after">
                                <p>又逢新春佳节，春节贺卡搞起来！</p>
                                <p class="int"><span>更新至4-2</span><span class="duration">课程时长： 1小时50分</span></p>
                            </div>
                        </div>
                    </a>
                </li>
                <li class="list-box ">
                    <a href="http://www.imooc.com/view/597">
                        <div class="imgwrap">
                            <img src="img/569df0.jpg"/>
                        </div>
                        <div class="textwrap">
                            <div class="before">
                                <p class="cap">Android-心愿分享</p>

                                <p class="int"><span class="time">2016-02-03更新</span><span class="people">7385人学习</span>
                                </p>
                            </div>
                            <div class="after">
                                <p>个性心意，分享祝福！</p>

                                <p class="int"><span class="update">更新至5-1</span><span class="duration">课程时长：48分</span>
                                </p>
                            </div>
                        </div>
                    </a>
                </li>
                <li class="list-box">
                    <a href="http://www.imooc.com/view/597">
                        <div class="imgwrap">
                            <img src="img/5678b42.jpg"/>
                        </div>
                        <div class="textwrap">
                            <div class="before">
                                <p class="cap">iOS9新特性之UIStackView</p>

                                <p class="int"><span class="time">2016-02-03更新</span><span class="people">4083人学习</span>
                                </p>
                            </div>
                            <div class="after">
                                <p>让你的UI开发更简单</p>

                                <p class="int"><span>更新至3-1</span><span class="duration">课程时长：31分</span></p>
                            </div>
                        </div>
                    </a>
                </li>
                <li class="list-box ">
                    <a href="http://www.imooc.com/view/597">
                        <div class="imgwrap">
                            <img src="img/569dfb.jpg"/>
                        </div>
                        <div class="textwrap">
                            <div class="before">
                                <p class="cap">新春特辑-Cocos抢红包</p>

                                <p class="int"><span class="time">2016-02-03更新</span><span class="people">7741人学习</span>
                                </p>
                            </div>
                            <div class="after">
                                <p>Cocos引擎玩转新年红包。</p>

                                <p class="int"><span>更新至3-1</span><span class="duration">课程时长：55分</span></p>
                            </div>
                        </div>
                    </a>
                </li>
                <li class="list-box">
                    <a href="http://www.imooc.com/view/597">
                        <div class="imgwrap">
                            <img src="img/56977.jpg"/>
                        </div>
                        <div class="textwrap">
                            <div class="before">
                                <p class="cap">Java图片验证码</p>

                                <p class="int"><span class="time">2016-02-03更新</span><span class="people">8046人学习</span>
                                </p>
                            </div>
                            <div class="after">
                                <p>Java图片验证码闹新春!</p>

                                <p class="int"><span>更新至3-1</span><span class="duration">课程时长： 1小时 4分</span></p>
                            </div>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
        <div class="total-lesson"><a href="http://www.imooc.com/course/list">全部课程</a></div>
    </div>
    <!-- 图片墙-->
    <div class="picture">
        <div class="picture-inner">
            <ul>
                <li class="two">
                    <div>
                        <a href="http://www.imooc.com/space/teacher/id/1033307"><img
                                src="img/546.jpg"/><span></span></a>

                        <div class=" tworedbox Rango">
                            <h3>Rango</h3>
                            <h4>PHP开发工程师</h4>

                            <p>多玩技术部基础平台组技术经理，PHP官方PECL开发组成员，Swoole开源项目创始人，前腾讯朋友网、易迅网、淘宝网搜索的后台团队核心技术骨干。</p>
                        </div>
                    </div>
                </li>
                <li class="one">
                    <div>
                        <a href="http://www.imooc.com/space/u/uid/110691"><img src="img/54c85.jpg"/><span></span></a>

                        <div class="leejersey redbox">
                            <h3>leejersey</h3>

                            <p class="web">Web前端工程师</p>

                            <div class="study-info">
                                <p class="study">学习</p>

                                <p class="hour">1842小时51分</p>
                            </div>
                            <div class="enroll-info">
                                <p class="enroll">报名</p>

                                <p class="les">222门课程</p>
                            </div>
                        </div>
                    </div>
                    <div>
                        <a href="http://www.imooc.com/space/teacher/id/1033307"><img
                                src="img/55d1.jpg"/><span></span></a>

                        <div class="weblist redbox">
                            <h3>学习人生</h3>

                            <p class="web">Web前端工程师</p>

                            <div class="study-info">
                                <p class="study">学习</p>

                                <p class="hour">1601小时 7分</p>
                            </div>
                            <div class="enroll-info">
                                <p class="enroll">报名</p>

                                <p class="les">152门课程</p>
                            </div>
                        </div>
                    </div>
                    <div>
                        <a href="http://www.imooc.com/space/u/uid/220512"><img src="img/53b7.jpg"/><span></span></a>

                        <div class="Raymond redbox">
                            <h3>Raymond小文</h3>

                            <p class="web">Web前端工程师</p>

                            <div class="study-info">
                                <p class="study">学习</p>

                                <p class="hour">1333小时39分</p>
                            </div>
                            <div class="enroll-info">
                                <p class="enroll">报名</p>

                                <p class="les">108门课程</p>
                            </div>
                        </div>
                    </div>
                    <div>
                        <a href="http://www.imooc.com/space/u/uid/220512"><img src="img/533e0.jpg"/><span></span></a>

                        <div class="xioae redbox">
                            <h3>名小鹅</h3>

                            <p class="web">Web前端工程师</p>

                            <div class="study-info">
                                <p class="study">学习</p>

                                <p class="hour">1065小时56分</p>
                            </div>
                            <div class="enroll-info">
                                <p class="enroll">报名</p>

                                <p class="les">116门课程</p>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="two">
                    <div>
                        <a href="http://www.imooc.com/space/teacher/id/225594"><img
                                src="img/5382a.jpg"/><span></span></a>

                        <div class=" tworedbox Pangee">
                            <h3>Pangee</h3>
                            <h4>学生</h4>

                            <p>
                                高级研发工程师，就职于全球颇有影响力的搜索引擎公司，曾供职于新浪。负责移动客户端相关的服务端研发工作，对大流量业务、高并发业务有较多的经验与解决方案。技术极客，喜欢一切新特奇技术，希望把技术做到极致。...</p>
                        </div>
                    </div>
                </li>
                <li class="one">
                    <div>
                        <a href="http://www.imooc.com/space/u/uid/110691"><img src="img/53d9b.jpg"/><span></span></a>

                        <div class="leejersey redbox">
                            <h3>RainbowPeter</h3>

                            <p class="web">JAVA开发工程师</p>

                            <div class="study-info">
                                <p class="study">学习</p>

                                <p class="hour">1040小时20分</p>
                            </div>
                            <div class="enroll-info">
                                <p class="enroll">报名</p>

                                <p class="les">287门课程</p>
                            </div>
                        </div>
                    </div>
                    <div>
                        <a href="http://www.imooc.com/space/teacher/id/1033307"><img
                                src="img/55c0.jpg"/><span></span></a>

                        <div class="weblist redbox">
                            <h3>smile_again</h3>

                            <p class="web">Web前端工程师</p>

                            <div class="study-info">
                                <p class="study">学习</p>

                                <p class="hour">678小时32分</p>
                            </div>
                            <div class="enroll-info">
                                <p class="enroll">报名</p>

                                <p class="les">100门课程</p>
                            </div>
                        </div>
                    </div>
                    <div>
                        <a href="http://www.imooc.com/space/u/uid/220512"><img src="img/54af80.jpg"/><span></span></a>

                        <div class="Raymond redbox">
                            <h3>加加摩尔</h3>

                            <p class="web">PHP开发工程师</p>

                            <div class="study-info">
                                <p class="study">学习</p>

                                <p class="hour">643小时55分</p>
                            </div>
                            <div class="enroll-info">
                                <p class="enroll">报名</p>

                                <p class="les">104门课程</p>
                            </div>
                        </div>
                    </div>
                    <div>
                        <a href="http://www.imooc.com/space/u/uid/220512"><img src="img/55ab.jpg"/><span></span></a>

                        <div class="xioae redbox">
                            <h3>Linda_liu</h3>

                            <p class="web">Web前端工程师</p>

                            <div class="study-info">
                                <p class="study">学习</p>

                                <p class="hour">613小时16分</p>
                            </div>
                            <div class="enroll-info">
                                <p class="enroll">报名</p>

                                <p class="les">107门课程</p>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="two">
                    <div>
                        <a href="http://www.imooc.com/space/teacher/id/225594"><img
                                src="img/5347.jpg"/><span></span></a>

                        <div class=" tworedbox liuyubobobo">
                            <h3>liuyubobobo</h3>
                            <h4>其它</h4>

                            <p>
                                创业者，全栈工程师，持续学习者。对技术开发，产品设计、前后端，ios，html5，智能算法等领域均有接触；拥有多款独立App作品；对一切可编程的东西有浓厚兴趣，对游戏编程格外感兴趣。相信编程改变一切。</p>
                        </div>
                    </div>
                </li>
                <li class="one">
                    <div>
                        <a href="http://www.imooc.com/space/u/uid/110691"><img src="img/545860.jpg"/><span></span></a>

                        <div class="lvshi redbox">
                            <h3>吕氏总裁</h3>

                            <p class="web">学生</p>

                            <div class="study-info">
                                <p class="study">学习</p>

                                <p class="hour">596小时20分</p>
                            </div>
                            <div class="enroll-info">
                                <p class="enroll">报名</p>

                                <p class="les">170门课程</p>
                            </div>
                        </div>
                    </div>
                    <div>
                        <a href="http://www.imooc.com/space/teacher/id/1033307"><img
                                src="img/54c9.jpg"/><span></span></a>

                        <div class="suannai redbox">
                            <h3>酸奶沙冰</h3>

                            <p class="web">交互设计师</p>

                            <div class="study-info">
                                <p class="study">学习</p>

                                <p class="hour">578小时43分</p>
                            </div>
                            <div class="enroll-info">
                                <p class="enroll">报名</p>

                                <p class="les">190门课程</p>
                            </div>
                        </div>
                    </div>
                    <div>
                        <a href="http://www.imooc.com/space/u/uid/220512"><img src="img/5379b.jpg"/><span></span></a>

                        <div class="O_Duok redbox">
                            <h3>O_Duok</h3>

                            <p class="web">Web前端工程师</p>

                            <div class="study-info">
                                <p class="study">学习</p>

                                <p class="hour">567小时15分</p>
                            </div>
                            <div class="enroll-info">
                                <p class="enroll">报名</p>

                                <p class="les">23门课程</p>
                            </div>
                        </div>
                    </div>
                    <div>
                        <a href="http://www.imooc.com/space/u/uid/220512"><img src="img/54585.jpg"/><span></span></a>

                        <div class="w7851435 redbox">
                            <h3>w7851435</h3>

                            <p class="web">PHP开发工程师</p>

                            <div class="study-info">
                                <p class="study">学习</p>

                                <p class="hour">536小时10分</p>
                            </div>
                            <div class="enroll-info">
                                <p class="enroll">报名</p>

                                <p class="les">120门课程</p>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="one">
                    <div>
                        <a href="http://www.imooc.com/space/u/uid/110691"><img src="img/545851.jpg"/><span></span></a>

                        <div class="leejersey redbox">
                            <h3>化龙贝</h3>

                            <p class="web">学生</p>

                            <div class="study-info">
                                <p class="study">学习</p>

                                <p class="hour">485小时53分</p>
                            </div>
                            <div class="enroll-info">
                                <p class="enroll">报名</p>

                                <p class="les">250门课程</p>
                            </div>
                        </div>
                    </div>
                    <div>
                        <a href="http://www.imooc.com/space/teacher/id/1033307"><img src="img/54b670.jpg"/><span></span></a>

                        <div class="weblist redbox">
                            <h3>K_Biao</h3>

                            <p class="web">学生</p>

                            <div class="study-info">
                                <p class="study">学习</p>

                                <p class="hour">469小时 0分</p>
                            </div>
                            <div class="enroll-info">
                                <p class="enroll">报名</p>

                                <p class="les">160门课程</p>
                            </div>
                        </div>
                    </div>
                    <div>
                        <a href="http://www.imooc.com/space/u/uid/220512"><img src="img/53dc49.jpg"/><span></span></a>

                        <div class="Raymond redbox">
                            <h3>MistyMoon</h3>

                            <p class="web">其它</p>

                            <div class="study-info">
                                <p class="study">学习</p>

                                <p class="hour">440小时26分</p>
                            </div>
                            <div class="enroll-info">
                                <p class="enroll">报名</p>

                                <p class="les">147门课程</p>
                            </div>
                        </div>
                    </div>
                    <div>
                        <a href="http://www.imooc.com/space/u/uid/220512"><img src="img/535d9b.jpg"/><span></span></a>

                        <div class="xioae  redbox">
                            <h3>Cynthia</h3>

                            <p class="web">UI设计师</p>

                            <div class="study-info">
                                <p class="study">学习</p>

                                <p class="hour">421小时55分</p>
                            </div>
                            <div class="enroll-info">
                                <p class="enroll">报名</p>

                                <p class="les">67门课程</p>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="two">
                    <div>
                        <a href="http://www.imooc.com/space/teacher/id/225594"><img src="img/536b4d1.jpg"/><span></span></a>

                        <div class=" tworedbox Pangee">
                            <h3>远人</h3>
                            <h4>其它</h4>

                            <p>
                                资深前端攻城师，先后就职于腾讯、人人网，具有丰富的海量服务前端开发经验。也曾担任多个创业团队技术顾问。现就职于某知名互联网公司，是最资深的云前端工程师，首席前端架构师，实践经验丰富。</p>
                        </div>
                    </div>
                </li>
                <li class="one">
                    <div>
                        <a href="http://www.imooc.com/space/u/uid/110691"><img src="img/53b528f.jpg"/><span></span></a>

                        <div class="leejersey   redbox">
                            <h3>沧海一声笑_0001</h3>

                            <p class="web">　　</p>

                            <div class="study-info">
                                <p class="study">学习</p>

                                <p class="hour">417小时 2分</p>
                            </div>
                            <div class="enroll-info">
                                <p class="enroll">报名</p>

                                <p class="les">39门课程</p>
                            </div>
                        </div>
                    </div>
                    <div>
                        <a href="http://www.imooc.com/space/teacher/id/1033307"><img src="img/5391fa.jpg"/><span></span></a>

                        <div class="weblist redbox">
                            <h3>JoeMartini</h3>

                            <p class="web">产品经理</p>

                            <div class="study-info">
                                <p class="study">学习</p>

                                <p class="hour">397小时 2分</p>
                            </div>
                            <div class="enroll-info">
                                <p class="enroll">报名</p>

                                <p class="les">16门课程</p>
                            </div>
                        </div>
                    </div>
                    <div>
                        <a href="http://www.imooc.com/space/u/uid/220512"><img src="img/55e00.jpg"/><span></span></a>

                        <div class="Raymond redbox">
                            <h3>Jaywin丶</h3>

                            <p class="web">Web前端工程师</p>

                            <div class="study-info">
                                <p class="study">学习</p>

                                <p class="hour">393小时 5分</p>
                            </div>
                            <div class="enroll-info">
                                <p class="enroll">报名</p>

                                <p class="les">146门课程</p>
                            </div>
                        </div>
                    </div>
                    <div>
                        <a href="http://www.imooc.com/space/u/uid/220512"><img src="img/54586.jpg"/><span></span></a>

                        <div class="xioae redbox">
                            <h3>伪文艺文委</h3>

                            <p class="web">PHP开发工程师</p>

                            <div class="study-info">
                                <p class="study">学习</p>

                                <p class="hour">314小时54分</p>
                            </div>
                            <div class="enroll-info">
                                <p class="enroll">报名</p>

                                <p class="les">112门课程</p>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="two">
                    <div>
                        <a href="http://www.imooc.com/space/teacher/id/225594"><img src="img/549bea0.jpg"/><span></span></a>

                        <div class="tworedbox Pangee">
                            <h3>张鑫旭</h3>
                            <h4>页面重构设计</h4>

                            <p>web前端，就职于腾讯ISUX上海设计中心，喜欢卖萌打杂，同事都叫我张老师，(*^__^*) 嘻嘻……</p>
                        </div>
                    </div>
                </li>
                <li class="one">
                    <div>
                        <a href="http://www.imooc.com/space/u/uid/110691"><img src="img/56be99.jpg"/><span></span></a>

                        <div class="leejersey redbox">
                            <h3>luona</h3>

                            <p class="web">学生</p>

                            <div class="study-info">
                                <p class="study">学习</p>

                                <p class="hour">301小时44分</p>
                            </div>
                            <div class="enroll-info">
                                <p class="enroll">报名</p>

                                <p class="les">29门课程</p>
                            </div>
                        </div>
                    </div>
                    <div>
                        <a href="http://www.imooc.com/space/teacher/id/1033307"><img src="img/53c7d.jpg"/><span></span></a>

                        <div class="weblist redbox">
                            <h3>宝贝我一直在</h3>

                            <p class="web">Linux系统工程师</p>

                            <div class="study-info">
                                <p class="study">学习</p>

                                <p class="hour">295小时11分</p>
                            </div>
                            <div class="enroll-info">
                                <p class="enroll">报名</p>

                                <p class="les">65门课程</p>
                            </div>
                        </div>
                    </div>
                    <div>
                        <a href="http://www.imooc.com/space/u/uid/220512"><img src="img/55a318.jpg"/><span></span></a>

                        <div class="Raymond redbox">
                            <h3>路飞弟弟</h3>

                            <p class="web">Web前端工程师</p>

                            <div class="study-info">
                                <p class="study">学习</p>

                                <p class="hour">240小时32分</p>
                            </div>
                            <div class="enroll-info">
                                <p class="enroll">报名</p>

                                <p class="les">88门课程</p>
                            </div>
                        </div>
                    </div>
                    <div>
                        <a href="http://www.imooc.com/space/u/uid/220512"><img src="img/5365e3.jpg"/><span></span></a>

                        <div class="xioae redbox">
                            <h3>鱼与熊掌势必要兼得</h3>

                            <p class="web">软件测试工程师</p>

                            <div class="study-info">
                                <p class="study">学习</p>

                                <p class="hour">170小时15分</p>
                            </div>
                            <div class="enroll-info">
                                <p class="enroll">报名</p>

                                <p class="les">35门课程</p>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="two">
                    <div>
                        <a href="http://www.imooc.com/space/teacher/id/225594">
                            <img src="img/53bc.jpg"/><span></span></a>
                        <div class="tworedbox liuyubobobo">
                            <h3>林永坚Jake</h3>
                            <h4>其它</h4>

                            <p>全栈工程师，独立开发者，咨询公司高级顾问。所开发的iOS APP多次登上苹果App
                                Store分类榜榜首。做为一个持续学习者，不间断地折腾各种新技术和方法，并乐于推广，让大家一起感受技术的力量！</p>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="cover"><img src="img/family-text.png"/></div>
    </div>
    <!-- 手机慕课-->
    <div class="phoneweb">
        <div class="phonetext"><img src="img/phone-text.png"/></div>
        <div class="version">
            <a href="http://www.imooc.com/mobile/app" class="mobile" target="_blank">手机版</a>
            <a class="ipad" href="http://www.imooc.com/mobile/app?curr=ipad" target="_blank">iPad版</a>

            <div class="code"></div>
        </div>
        <div class="mkwrap">
            <div class="mk-mobile"></div>
            <div class="mk-down"></div>
        </div>
    </div>
    <!-- 开始学习-->
    <div class="start">
        <a href="http://www.imooc.com/course/list" class="startfont"></a>
    </div>
</article>
<footer>
    <div class="contact-info">
        <div class="contact-icon">
            <ul>
                <li><a href="http://weibo.com/mukewang" title="新浪微博"></a></li>
                <li><a href="javascript:;" title="微信" class="weixin">
                    <div class="scan"></div>
                </a></li>
                <li><a href="http://t.qq.com/mukewang999" title="腾讯微博"></a></li>
                <li><a href="http://user.qzone.qq.com/1059809142/" title="QQ空间"></a></li>
            </ul>
        </div>
        <div class="contact-font">
            <ul>
                <li><a href="http://www.imooc.com/about/us" title="关于我们">关于我们</a></li>
                <li><a href="http://www.imooc.com/about/job" title="人才招聘">人才招聘</a></li>
                <li><a href="http://www.imooc.com/about/recruit" title="讲师招募">讲师招募</a></li>
                <li><a href="http://www.imooc.com/about/contact" title="联系我们">联系我们</a></li>
                <li><a href="http://www.imooc.com/user/feedback" title="意见反馈">意见反馈</a></li>
            </ul>
        </div>
    </div>
    <div class="link-list">
        <div class="link-inner">
            <ul>
                <li><b>友情链接：</b></li>
                <li><a href="https://hao.360.cn/" title="360导航">360导航</a></li>
                <li><a href="http://www.php-z.com/" title="PHP站中文网">PHP站中文网</a></li>
                <li><a href="https://www.hao123.com/" title="https://www.hao123.com/">hao123</a></li>
                <li><a href="http://www.lagou.com/" title="拉勾网">拉勾网</a></li>
                <li><a href="http://www.admin10000.com/" title="web开发者">web开发者</a></li>
                <li><a href="http://www.imooc.com/about/friendly" title="友情链接">更多...</a></li>
            </ul>
        </div>
    </div>
    <p class="footp">
        Copyright © 2016 imooc.com All Rights Reserved | 京ICP备 13046642号-2
    </p>

    <p class="footimg">
        <a href="https://ss.knet.cn/verifyseal.dll?sn=e15030311010657818aeau000000&ct=df&a=1&pa=0.8923425197135657"
            target="_blank"><img src="img/cnnic.png"/></a></p>
</footer>


<script src="jquery-2.1.4.min.js"></script>
<script src="swiper/swiper-3.2.7.jquery.min.js"></script>
<script src="muke.js"></script>
</body>
</html>